<script setup>
const props = defineProps({
    avatar: String,
})
</script>

<template>
    <span class="chat-box-avatar">
        <img :src="avatar" alt="">
    </span>
</template>

<style scoped lang="scss">
.chat-box-avatar {
    display: inline-block;
    border-radius: 50%;
    width: var(--chat-avator-height);
    height: var(--chat-avator-height);
    margin: 5px;
    >img{
        width: var(--chat-avator-width);
        height: var(--chat-avator-height);
    }
}
</style>